<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/bootstrap-table.min.css">
    <!-- <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.css"> -->
    <!-- <script src="https://unpkg.com/bootstrap-table@1.15.3/dist/bootstrap-table.min.js"></script> -->
    <!-- <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script> -->
    <style>
        .contaili {
            width: 850px;
            margin: 0 auto;
            margin-bottom: 20px;
        }

        .contaili::after {
            content: "";
            height: 30px;
            width: 100%;
            border-bottom: 6px solid rgb(138 180 187 / 46%);
            display: block;
        }

        .test {
            color: red;
        }
    </style>
</head>

<body>
    <a href="https://www.cnblogs.com/laowangc/p/8875526.html">Bootstrap-table 使用总结</a>&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="https://www.bootstrap-table.com.cn/doc/getting-started/introduction/">Bootstrap-table
        官网</a> 
    <p>数据来源：运行同级项目下的node-data.js文件，即可访问成功，运行命令：suppervisor node node-data.js</p>
    <!-- <br />   -->

    <button onclick="getOptions()">getOptions</button>
    <button onclick="refreshOptions()">refreshOptions</button>
    <button onclick="getData()">getData</button>
    <button onclick="getSelections()">getSelections</button>
    <button onclick="getAllSelections()">getAllSelections</button>
    <button onclick="load()">load</button>
    <button onclick="append()">append</button>
    <button onclick="prepend()">prepend</button>
    <button onclick="remove()">remove</button>
    <button onclick="removeAll()">removeAll</button>
    <button onclick="insertRow()">insertRow</button>
    <button onclick="updateRow()">updateRow</button>

    <div class="contaili">
        <h3>二：6、列表选项</h3>
        <table id="table6"></table>
    </div>

    <div class="contaili">
        <h3>5、工具栏-显示与隐藏</h3>
        <table id="table5"></table>
    </div>

    <div class="contaili">
        <h3>4、搜索</h3>
        <table id="table4"></table>
    </div>

    <div class="contaili">
        <h3>3、分页</h3>
        <table id="table3"></table>
    </div>

    <div class="contaili">
        <h3>2、使用ajax获取数据</h3>
        <table id="table2"></table>
    </div>

    <div class="contaili">
        <h3>1、开始使用bootstrap表格</h3>
        <table id="table"></table>
    </div>






    <script src="../../js/jquery.3.5.1.js"></script>
    <script src="../../js/bootstrap-popper.min.js"></script>
    <script src="../../js/bootstrap.min.js"></script>
    <script src="../../js/bootstrap-table.min.js"></script>
    <script src="../../js/bootstrap-table-zh-CN.min.js"></script>
    <script src="./验证bootstrapTable表格插件.js"></script>
    <script>

    </script>
</body>

</html>